<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>骑行，发现生活更美好</title>
    <link rel="stylesheet" href="../css/style.css">
    <script type="text/javascript">
        function computeSize() {
            var rate = ((document.documentElement.clientWidth || document.body.clientWidth) * 100) / 750;
            document.querySelector('html').style.fontSize = rate + 'px'
        }
        computeSize();
        window.addEventListener("resize", computeSize);
    </script>
</head>
<body>
<div id="wrapper" class="huge">
    <div id="home-topper">
        <img src="../images/logo.png" />
        <a href="#"></a>
    </div>
    <div id="home-center"></div>
    <div id="home-btm">
        <ul>
            <li>
                <a href="one-ge.html"><img src="../images/one-ge.png" /></a>
                <p>晒大图</p>
            </li>
            <li>
                <a href="five-ge.html"><img src="../images/five-ge.png" /></a>
                <p>拼美照</p>
            </li>
            <li>
                <a href="nine-ge.html"><img src="../images/nine-ge.png" /></a>
                <p>九宫格</p>
            </li>
        </ul>
    </div>
</div>
</body>
</html>